<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企汇网-建网站 发信息 做推广就上企汇网--企汇网</title>
    <link rel="shortcut icon" href="./img/qihuiwang-logo.ico">
    <link rel="stylesheet" href="qihuiwang.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.css">
    <style>
        @font-face {
            font-family: 'iconfont';
            /* project id 563245 */
            src: url('//at.alicdn.com/t/font_563245_retk1192yaps0pb9.eot');
            src: url('//at.alicdn.com/t/font_563245_retk1192yaps0pb9.eot?#iefix') format('embedded-opentype'),
                url('//at.alicdn.com/t/font_563245_retk1192yaps0pb9.woff') format('woff'),
                url('//at.alicdn.com/t/font_563245_retk1192yaps0pb9.ttf') format('truetype'),
                url('//at.alicdn.com/t/font_563245_retk1192yaps0pb9.svg#iconfont') format('svg');
        }

        @font-face {
            font-family: 'iconfont';
            /* project id 375763 */
            src: url('//at.alicdn.com/t/font_375763_gt25etb6usv5nrk9.eot');
            src: url('//at.alicdn.com/t/font_375763_gt25etb6usv5nrk9.eot?#iefix') format('embedded-opentype'),
                url('//at.alicdn.com/t/font_375763_gt25etb6usv5nrk9.woff') format('woff'),
                url('//at.alicdn.com/t/font_375763_gt25etb6usv5nrk9.ttf') format('truetype'),
                url('//at.alicdn.com/t/font_375763_gt25etb6usv5nrk9.svg#iconfont') format('svg');
        }

        .iconfont {
            font-family: iconfont !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: .2px;
            -moz-osx-font-smoothing: grayscale
        }
    </style>
</head>

<body>
    <!-- 最顶部导航栏 -->
    <div class="top-nav">
        <div class="top-main clearfix">
            <div class="top-nav-left">
                <ul>
                    <li class="phones">
                        <a href="#" class="pho-zhan rightborder">
                            <i class="iconfont" style="color:#dc2a49;"></i>
                            <span>手机站</span>
                            <i class="iconfont arr"></i>
                        </a>
                        <div class="phones-photo">
                            <div>
                                <img src="./img/oneCode.jpg" alt="二维码">
                                <span>手机站</span>
                            </div>
                            <div>
                                <img src="./img/xiaochengxu.jpg" alt="小程序">
                                <span>小程序</span>
                            </div>
                        </div>
                    </li>
                    <li class="welcome">
                        <span">欢迎来到企汇网</span>
                    </li>
                    <li class="logon rightborder">
                        <a href="#" class="">
                            <i class="iconfont" style="color:#dc2a49;"></i>
                            <span>登录</span>
                        </a>
                    </li>
                    <li class="register">
                        <a href="#" class="register">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="top-nav-right">
                <ul>
                    <li class="rightborder">
                        <a href="#">企汇网首页</a>
                    </li>
                    <li>
                        <a href="#" class="box rightborder">收藏夹
                            <i class="iconfont arr"></i>
                        </a>
                        <div class="drop-list">
                            <a href="#">收藏的产品</a>
                            <a href="#">收藏的店铺</a>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="box rightborder">
                            <span>我是采购商 <i class="iconfont arr"></i>
                            </span>
                        </a>
                        <div class="drop-list">
                            <a href="#">采购商中心</a>
                            <a href="#">发布采购单</a>
                            <a href="#">采购管理</a>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="box rightborder">
                            <span>我是供应商 <i class="iconfont arr"></i>
                            </span>
                        </a>
                        <div class="drop-list">
                            <a href="#">供应商中心</a>
                            <a href="#">发布产品</a>
                            <a href="#">产品管理</a>
                            <a href="#">店铺管理</a>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="rightborder">企汇管家</a>
                    </li>
                    <li>
                        <a href="#" class="box rightborder">
                            <span>企汇服务<i class="iconfont arr"></i></span>
                        </a>
                        <div class="serve-nav drop-wide">
                            <dl class="clearfix">
                                <dt>热门服务</dt>
                                <dd><a href="#">标王</a></dd>
                                <dd><a href="#">黄金展位</a></dd>
                                <dd><a href="#">热门推荐广告位</a></dd>
                                <dd><a href="#">图片空间</a></dd>
                                <dd><a href="#">信息包</a></dd>
                                <dd><a href="#">企汇金铺</a></dd>
                                <dd><a href="#">金铺装修</a></dd>
                                <dd><a href="#">更多服务</a></dd>
                            </dl>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="box rightborder">
                            <span>客服中心<i class="iconfont arr"></i></span>
                        </a>
                        <div class="drop-list">
                            <a href="#">常见问题</a>
                            <a href="#">在线客服</a>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="box rightborder">
                            <i class="iconfont arrRed" style="color:#dc2a49;"></i>
                            网站导航
                            <i class="iconfont arr"></i>
                        </a>
                        <div class="web-nav drop-wide">
                            <dl class="clearfix">
                                <dt>特色服务</dt>
                                <dd><a href="#">首页</a></dd>
                                <dd><a href="#">资讯</a></dd>
                                <dd><a href="#">展会</a></dd>
                                <dd><a href="#">企汇管家</a></dd>
                                <dd><a href="#">企汇云信</a></dd>
                                <dd><a href="#">天梯建站</a></dd>
                                <dd><a href="#">企业库</a></dd>
                                <dd><a href="#">产品库</a></dd>
                                <dd><a href="#">郑州站</a></dd>
                                <dd><a href="#">平顶山站</a></dd>
                                <dd><a href="#">手机站</a></dd>
                                <dd><a href="#">搜索</a></dd>
                                <dd><a href="#">企汇软文通</a></dd>
                                <dd><a href="#">百度爱采购</a></dd>
                                <dd><a href="#">小程序</a></dd>
                                <dd><a href="#">企业直通车</a></dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>采购服务</dt>
                                <dd><a href="#">采购中心</a></dd>
                                <dd><a href="#">发布采购单</a></dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>行业市场</dt>
                                <dd><a href="#">建材频道 </a></dd>
                                <dd><a href="#">机械频道</a></dd>
                                <dd><a href="#">农林频道</a></dd>
                            </dl>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 搜索框这一行 -->
    <div class="header-nav">
        <div class="header-main clearfix">
            <div class="headlogo">
                <a href="#" title="企汇网"></a>
            </div>
            <div class="logofont"></div>
            <div class="headSearch">
                <div class="searchBox clearfix">
                    <div class="searchTypeBox">
                        <div class="searchType">
                            <span class="seachName">产品</span>
                            <i class="iconfont searchArrow"></i>
                        </div>
                        <!-- <div class="searchpop">
                            <ul>
                                <li><a href="javascript:;"><i class="iconfont"></i>产品</a></li>
                                <li><a href="javascript:;"><i class="iconfont"></i>企业</a></li>
                                <li><a href="javascript:;"><i class="iconfont"></i>采购</a></li>
                            </ul>
                        </div> -->
                    </div>
                    <input type="text" class="textInput" placeholder="请输入产品名称">
                    <button type="button" class="textBtn">
                        <i class="iconfont"></i>
                    </button>
                </div>
                <a href="#" class="publishPurchaseOrder">
                    <i class="iconfont"></i>发布采购单
                </a>
            </div>
            <div class="downAPP">
                <dl>
                    <dt>企汇网手机站</dt>
                    <dd>
                        <img src="./img/Appdown.jpg" alt="">
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- 所有分类这一行 -->
    <div class="faceNav">
        <div class="faceNav-main">
            <ul>
                <li class="title"><i class="iconfont"></i> &nbsp;&nbsp;所有分类</li>
                <li><a href="#" target="_blank" title="采购中心">采购中心</a></li>
                <li><a href="#" target="_blank" title="爱采购" class="hot_nav">爱采购</a></li>
                <li><a href="#" target="_blank" title="小程序" class="hot_nav">小程序</a></li>
                <li><a href="#" target="_blank" title="活动汇">活动汇</a></li>
                <li><a href="#" target="_blank" title="资讯">资讯</a></li>
                <li><a href="#" target="_blank" title="展会">展会</a></li>
                <li><a href="#" target="_blank" title="郑州站">郑州站</a></li>
                <li><a href="#" target="_blank" title="平顶山站">平顶山站</a></li>
                <li><a href="#" target="_blank" title="企汇管家">企汇管家</a></li>
                <li><a href="#" target="_blank" title="企汇云信">企汇云信</a></li>
            </ul>
        </div>
    </div>
    <!-- 最醒目的带红色背景图和轮播图的好难的一部分 -->
    <div class="focusArea">
        <div class="focuseArea-main clearfix">
            <!-- 左侧的分类列表-没有做悬浮弹出右侧列表的功能 -->
            <div class="leftProList">
                <ul>
                    <li>
                        <a href="#" class="mNav">
                            <i class="iconfont mNavIcon"></i>
                            机械/设备/模具
                        </a>
                    </li>
                    <li>
                        <a href="#" class="mNav">
                            <i class="iconfont mNavIcon"></i>
                            农作物/花卉/禽畜
                        </a>
                    </li>
                    <li>
                        <a href="#" class="mNav">
                            <i class="iconfont mNavIcon"></i>
                            建筑/建材/五金
                        </a>
                    </li>
                    <li>
                        <a href="#" class="mNav">
                            <i class="iconfont mNavIcon"></i>
                            能源/矿产/石油
                        </a>
                    </li>
                    <li>
                        <a href="#" class="mNav">
                            <i class="iconfont mNavIcon"></i>
                            电工/电气/配电
                        </a>
                    </li>
                    <li>
                        <a href="#" class="mNav">
                            <i class="iconfont mNavIcon"></i>
                            饰品/礼品/工艺品
                        </a>
                    </li>
                    <li>
                        <a href="#" class="mNav">
                            <i class="iconfont mNavIcon"></i>
                            汽车/保养/维修
                        </a>
                    </li>
                    <li>
                        <a href="#" class="mNav">
                            <i class="iconfont mNavIcon"></i>
                            交通运输/配件
                        </a>
                    </li>
                    <li>
                        <a href="#" class="mNav">
                            <i class="iconfont mNavIcon"></i>
                            物流/运输/货运
                        </a>
                    </li>
                    <li>
                        <a href="#" class="mNav">
                            <i class="iconfont mNavIcon"></i>
                            网站/广告/服务
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 中间轮播图-不能轮播且没有下方的小方框 -->
            <div class="middlePictrue">
                <div class="rollPic">
                    <img src="./img/rollPic.jpg" alt="">
                </div>
                <div class="showPro">
                    <a href="#">
                        <img src="./img/showPro.jpg" title="清洗清理设备" alt="清洗清理设备">
                        <div class="picFont">
                            <h4>清洗清理设备</h4>
                            <span>超声波清洗机</span>
                        </div>
                    </a>
                    <a href="#">
                        <img src="./img/showPro.jpg" title="清洗清理设备" alt="清洗清理设备">
                        <div class="picFont">
                            <h4>清洗清理设备</h4>
                            <span>超声波清洗机</span>
                        </div>
                    </a>
                    <a href="#">
                        <img src="./img/showPro.jpg" title="清洗清理设备" alt="清洗清理设备">
                        <div class="picFont">
                            <h4>清洗清理设备</h4>
                            <span>超声波清洗机</span>
                        </div>
                    </a>
                    <a href="#">
                        <img src="./img/showPro.jpg" title="清洗清理设备" alt="清洗清理设备">
                        <div class="picFont">
                            <h4>清洗清理设备</h4>
                            <span>超声波清洗机</span>
                        </div>
                    </a>
                </div>
            </div>
            <!-- 右侧的登录和信息栏-信息不能变 -->
            <div class="rightInfo">
                <div class="topLogin">
                    <div class="logoTop">
                        <div class="userHeadImg">
                            <a href="#">
                                <img src="./img/userHeadImg.gif" alt="">
                            </a>
                        </div>
                        <div class="userInfo">
                            <span> 欢迎来到企汇网！</span>
                            <div class="loginTel">
                                <i class="iconfont"></i>
                                <em>400-6677-369</em>
                            </div>
                        </div>
                    </div>
                    <div class="loginBtn">
                        <a href="#">
                            <i class="iconfont"></i>
                            登录
                        </a>
                        <a href="#">
                            <i class="iconfont"></i>
                            注册
                        </a>
                    </div>
                </div>
                <div class="midRules">
                    <div class="topMenu">
                        <ul class="clearfix">
                            <li><a href="#">公告</a></li>
                            <li><a href="#">规则</a></li>
                            <li><a href="#">供应商入门</a></li>
                            <li><a href="#">采购商入门</a></li>
                        </ul>
                    </div>
                    <div class="botRulesText">
                        <ul>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    关于产品服务器机柜硬件故障排查升级的通知
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    无法选择分类？点这里
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    随时随地一键重发
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    关于百度细雨算法的通知
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="botAddPro clearfix">
                    <div class="leftLineChart"></div>
                    <div class="rightProAddNum">
                        <div class="proAddNmu">
                            <p>今日新增产品数</p>
                            <a href="#">42152</a>
                        </div>
                        <div class="proAddNmu">
                            <p>今日新增采购数</p>
                            <a href="#">0</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="adSever">
        <div class="adSeverLeft adSeverbox">
            <h2>
                <em>特色</em>服务
                <i class="line"></i>
            </h2>
            <div class="adList">
                <ul class="clearfix">
                    <li>
                        <a href="#">企汇金铺</a>
                    </li>
                    <li>
                        <a href="#">金铺装修</a>
                    </li>
                    <li>
                        <a href="#">短信套餐</a>
                    </li>
                    <li>
                        <a href="#">企汇软文通</a>
                    </li>
                    <li>
                        <a href="#">标王</a>
                    </li>
                    <li>
                        <a href="#">黄金展位</a>
                    </li>
                    <li>
                        <a href="#">企汇管家</a>
                    </li>
                    <li>
                        <a href="#">企汇管家白银版</a>
                    </li>
                    <li>
                        <a href="#">企汇管家黄金版</a>
                    </li>
                    <li>
                        <a href="#">小程序</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="adSeverRight adSeverbox">
            <h2>
                <em>品牌</em>供应商
                <i class="line"></i>
            </h2>
            <div class="adList">
                <ul class="clearfix">
                    <li>
                        <a href="#">河南正名精工科技有限公司</a>
                    </li>
                    <li>
                        <a href="#">郑州隆浩交通设施有限公司</a>
                    </li>
                    <li>
                        <a href="#">河南省嘉成交通设施有限公司</a>
                    </li>
                    <li>
                        <a href="#">河南盛唐木业有限公司</a>
                    </li>
                    <li>
                        <a href="#">郑州市中原区海思智能门控销售商行</a>
                    </li>
                    <li>
                        <a href="#">郑州琪欣农牧业有限公司</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 分隔楼层的广告 -->
    <div class="floorAdver"></div>
    <!-- 楼层 -->
    <div class="floor clearfix">
        <!-- 顶部楼层号 -->
        <div class="topFloorNum">
            <div class="leftActive">
                <i class="iconfont"></i>
                今日活动：
                <a href="#">VIP商机群</a>
            </div>
            <h2><em>1F</em> 机械设备</h2>
            <div class="rightHot">
                <span>热门搜索：</span>
                <a href="#">封口机械</a>
                <a href="#">制动器</a>
                <a href="#">吊钩</a>
            </div>
        </div>
        <!-- 楼层主体分四部分：左一、左二、右二、右一 -->
        <div class="floorLeft1"></div>
        <div class="floorLeft2"></div>
        <div class="floorRight2"></div>
        <div class="floorRight1"></div>
    </div>

</body>

</html>